<template>
  <div class="footer">
    <div class="footer_center">
      <!-- 第一部分 -->
        <div class="footer_ad">
          <ul>
            <li>
              <img src="../assets/img/footer/house.png" alt="">
              <p>500多座城市</p>
            </li>
              <li>
              <img src="../assets/img/footer/car.png" alt="">
              <p>800多服务网点</p>
            </li>
            <li>
              <img src="../assets/img/footer/sun.png" alt="">
              <p>200多种车型</p>
            </li>
            <li>
              <img src="../assets/img/footer/safer.png" alt="">
              <p>24小时在线服务</p>
            </li>
          </ul>
        </div>
      <!-- 第二部分 -->
       <div class="footer_detail">
        <ul>
          <li>
            <p>新手指南</p>
            <p>注册新用户</p> 
            <p>预订演示</p> 
            <p>取消或修改订单</p> 
            <p>租车协议</p> 
          </li>
          <li>
            <p>租车贴士</p>
            <p>支付方式</p>
            <p>精彩活动</p>
            <p>增值服务</p>
          </li>
          <li>
            <p>售后服务</p>
            <p>建议专区</p>
          </li>
          <li>
            <p>会员服务</p>
            <p>忘记密码</p>
            <p>会员充值</p>
            <p>积分说明</p>
          </li>
          <li>
            <p>网站帮助</p>
            <p>SNs租车行动态</p>
            <p>网站帮助</p>
            <p>联系我们</p>
            <p>网约车相关资质</p>
          </li>
          <li>
            <p>下载移动端</p>
            <img src="../assets/img/footer/lx.png" alt="">
          </li>
          <li>
            <p>关注公众号</p>
            <img src="../assets/img/footer/lx02.png" alt="">
          </li>
        </ul>
       </div>
       <!-- 第三部分 -->
       <div class="footer_city">
         <p>热门租车城市</p>
         <ul>
           <li>商丘租车</li>
            <li>许昌租车 </li>
            <li>柘城租车</li>
           <li>灵宝租车</li>
           <li>上海租车</li>
           <li>北京租车</li>
           <li>广州租车</li>
           <li>深圳租车</li>
           <li>成都租车</li>
           <li>武汉租车</li>
           <li>永城租车</li>
           <li>衡阳租车</li>
           <li>九江租车</li>
           <li>包头租车</li>
           <li>烟台租车</li>
           <li>昆山租车</li>
           <li>太原租车</li>
           <li>大连租车 <span @click="change()">^</span></li>
           <div v-show="value">
           <li>桂林租车</li>
           <li>邯郸租车</li>
           <li>鞍山租车</li>
           <li>开封租车</li>
           <li>拉萨租车</li>
           <li>江门租车</li>
           <li>大理租车</li>
           <li>西安租车</li>
           <li>徐州租车</li>
           <li>洛阳租车</li>
           <li>营口租车</li>
           <li>盐城租车</li>
           <li>茂名租车</li>
           <li>安顺租车</li>
           <li>阳江租车</li>
           <li>镇江租车</li>
           <li>丽江租车</li>
           <li>杭州租车</li>
           <li>三亚租车</li>
           <li>南通租车</li>
           <li>吉安租车</li>
           <li>临汾租车</li>
           <li>保定租车</li>
           <li>西宁租车</li>
           <li>瞻洲租车</li>
           <li>吉林租车</li>
           <li>泉州租车</li>
           <li>咸宁租车</li>
           <li>鞍山租车</li>
           <li>沧州租车</li>
           <li>丽水租车</li>
           <li>绵阳租车</li>
           <li>西宁租车</li>
           <li>南宁租车</li>
           <li>沈阳租车</li>
           <li>重庆租车</li>
           <li>合肥租车</li>
           <li>金恩租车</li>
           <li>济南租车</li>
           <li>无锡租车</li>
           <li>银川租车</li>
           <li>韶关租车</li>
           <li>进化租车</li>
           <li>南通租车</li>
           <li>惠州租车</li>
           <li>大连租车</li>
           <li>东单租车</li>
           </div>
         </ul>
       </div>
       <!-- 最后 -->
       <div class="footer_last">
          <div class="footer_last_text">
            <div> 
              <a href="">关于SN</a>
              <span>|</span>
              <a href="">移动客户端</a>
              <span>|</span>
              <a href="">建议专区</a>
              <span>|</span>
              <a href="">联系我们</a>
              <span>|</span>
              <a href="">友情链接</a>
              <span>|</span>
              <a href="">投诉通道: 8008-606</a>
              <span>|</span>
              <a href="">营业执照</a>
              
            </div>
            <p>注：练习用 侵权删  ICP证：商丘N1525-5200   违法和不良信息举报：1594058210@qq.com</p>
          </div>
          <div>
            <img src="../assets/img/footer/foot_sdxy.png" alt="">
            <img src="../assets/img/footer/foot_yyzz.png" alt="">
            <img src="../assets/img/footer/foot_zxw.png" alt="">
            <img  src="../assets/img/footer/营业执照 (1).png" alt="">
          </div>
       </div>
    </div>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        value: false
      }
    },
    methods: {
      change() {
        this.value=!this.value  
      }
    },
  }
</script>
<style src="../assets/css/footer.css" scoped>

</style>
<style lang="scss" scoped>
.footer{
  width: 1920px !important;
}
</style>